<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>随手快递</title>
    <link rel="stylesheet" type="text/css" href="../../AUI/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../font-awesome/css/font-awesome.min.css" />
    <style type="text/css">
        .user-info {
            background-color: #ffffff;
            padding: 0.75rem 0;
        }
        img.avatar {
            display: block;
            margin: 0 auto;
            width: 20%;
        }
        .aui-list .aui-list-header {
            background-color: #ffffff;
            line-height: 1.2rem;
        }
        .sure{
            width: 45px;
            height: 25px;
            background: #27AA9E;
            border: 1px solid #27AA9E;
            color: #fff;
            font-size: 13px;
            text-align: center;
            top:10px;
            margin-right: -4px;
        }
        .sure2{
            margin-top:-3px;
            margin-left: -3px;
        }
    </style>
</head>
<body style="font-family: 微软雅黑">
<header class="aui-bar aui-bar-nav" id="aui-header" >
    <a class="aui-btn aui-pull-left" tapmode onclick="location.href='newfList.html'">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">添加好友</div>
</header>

<div class="aui-searchbar" id="search"style="margin-top: 45px">
    <div class="aui-searchbar-input aui-border-radius" tapmode >
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="用户手机号" id="search-input">
        </form>
    </div>
    <div class="ser" >添加</div>
</div>
<!-- <section class="aui-content" >
   <div class="aui-card-list">
       <div class="aui-card-list-content-padded">
           该用户不存在
       </div>
   </div>
</section> -->
            <div class="aui-card-list" style="margin-top:15px" id="addList">
               
                <div class="aui-card-list-header aui-card-list-user aui-border-b">
                    <div class="aui-card-list-user-avatar">
                        <img src="../../myImage/4.jpg" class="aui-img-round">
                    </div>
                    <div class="aui-card-list-user-name">
                        <div class="aui-text-info" style="color:#525252 !important;">小小1</div>
                        <div class="aui-font-size-14 text-light" style="top:10px;color: #7c7c7c;display:none" id="over">已接受</div>
                        <div class="aui-font-size-14 text-light" id="apt"><button class="sure"><div class="sure2">接受</div></button></div>
                    </div>
                    <div class="aui-card-list-user-info text-light">请求添加为好友</div>
                </div>
                
            </div>
</body>
<script type="text/javascript" src="../../AUI/script/api.js" ></script>
<script src="../../myJs/jquery.js"></script>
<script src="../../myJs/jquery.cookie.js"></script>
<script type="text/javascript" src="../../myJs/index.js" ></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
    }
    $("#apt").on("click",function(){
    $("#apt").hide();
    $("#over").show();
    })
  
</script>
</html>